/*
 * @Author: 谢子健 1075010289@qq.com
 * @Date: 2024-07-30 13:37:56
 * @LastEditors: 谢子健 1075010289@qq.com
 * @LastEditTime: 2024-07-31 16:13:24
 * @FilePath: \zhilianilink\src\pages\WorkPage.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import '../styles/WorkPage.scss';
import { Col, Layout, Row } from 'antd';
import React from 'react';
import WorkHeader from '../work/common/WorkHeader';
import WorkOverview from '../work/common/WorkOverview';
import WorkSidebar from '../work/common/WorkSidebar';
import WorkTaskList from '../work/common/WorkTaskList';

const { Header, Content, Sider } = Layout;

const WorkPage: React.FC = () => {
  return (
    <Layout className="workPage-body">
      <Sider width={50} className="workPage-sider">
        <WorkSidebar />
      </Sider>
      <Layout>
        <Header className="workPage-header" style={{ background: '#fff', padding: 0, height: 50 }}>
          <WorkHeader />
        </Header>
        <Content style={{ background: 'none', padding: 0, margin: 0 }}>
          <div className="workPage-content">
            <Row>
              <Col span={4}>
                <div className="workPage-main-left">
                  <WorkTaskList />
                </div>
              </Col>
              <Col span={20} className="workPage-column">
                <div className="workPage-main-left">
                  <WorkOverview />
                </div>
              </Col>
            </Row>
          </div>
        </Content>
      </Layout>
    </Layout>
  );
};

export default WorkPage;
